<template>
	<view class="page">
		<div @click="click('face')">
			<span>智能人脸识别</span>
			<image src="../../../static/right.png"></image>
		</div>
		<div @click="click('img')">
			<span>图片行为识别</span>
			<image src="../../../static/right.png"></image>
		</div>
		<div @click="click('bone')">
			<span>骨骼行为识别</span>
			<image src="../../../static/right.png"></image>
		</div>
		<div @click="click('video')">
			<span>动态行为识别</span>
			<image src="../../../static/right.png"></image>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				lost_id: '',
			};
		},
		onLoad(options) {
			this.lost_id = options.lost_id
		},
		methods: {
			click(url) {
				uni.navigateTo({
					url: './' + url + "/" + url + "?lost_id=" + this.lost_id
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.page {
		background-color: white;
		padding: 10px;

		div {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 10px 0;
			border-bottom: 1px solid #F2F2F2;

			&:active {
				background-color: #F2F2F2;
			}

			image {
				width: 20px;
				height: 20px;
				margin-right: 20px;
			}

		}
	}
</style>
